padding - right
|
|
|
|
|
|
|||||||||
|
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
|
Частково |
Частково |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка
інформація
|
CSS |
CSS1,
CSS2.1 |
|
Значення за умовчанням |
0 |
|
Наслідує |
Ні |
|
Застосовується |
До
усіх елементів |
|
Аналог HTML |
Ні |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/box.html#propdef - padding - right |
Опис
Встановлює
значення поля від правого краю утримуваного елементу. Полем називається
відстань від внутрішнього краю рамки елементу до уявного прямокутника, що
обмежує його вміст (мал. 1).
Мал. 1. Поле праворуч від тексту
Синтаксис
padding
- right: значення | inherit
Значення
Величину
правого поля можна вказувати в пікселах (px), відсотках (%) або інших
допустимих для CSS одиницях. Значення inherit вказує, що воно наслідує у
батька.
Приклад
HTML 4.0
CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251"> <title>padding - right</title> <style type="text/css"> .layer { background: #ffe url('help.gif') no - repeat top right; /* Параметрів фону */ border: 2px solid black; /* Параметрів рамки */ padding: 5px; /* Полів навколо тексту */ padding - right: 90px; /* Поле справа */ text - align: justify; /* Вирівнювання по ширині */ } </style> </head> <body> <div class="layer"> Луцький національний техніний університет є одним із найкращих професійних закладів освіти у місті Луцьку. Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів. </div> </body></html>
Результат
цього прикладу показаний ні мал. 2.
Мал. 2. Застосування властивості padding - right
Об'єктна модель
[window.]document.getElementById("elementID").style.paddingRight
Браузери
Internet
Explorer до сьомої версії включно не підтримує значення inherit.
